<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/test_9_8.css">
</head>
<body>
    <div>
    <form class="myform"  >
        <ul>
            <li>
                <label for="">用户名：</label>
                <input type="text" class="input_name" name="name">
                <span class="msg-tip-name">*</span>
            </li>
            <li>
                <label for="">密码：</label>
                <input type="password" class="input_password" name="password">
                <span class="msg-tip-password">*</span>
            </li>
            <li>
                <label for="">邮箱：</label>
                <input type="email" class="input_email" name="email"> 
                <span class="msg-tip-email">*</span>
            </li>
            <li>
                <label for="">手机号：</label>
                <input type="text" class="input_phone" name="phone">
                <span class="msg-tip-phone">*</span>
            </li>
            <li>
                <label for="">性别：</label>
                <input type="radio" name="gender" value="M">男性
                <input type="radio" name="gender" value="F">女性
            </li>
            <li>
                <label for="">证件类型：</label>
                <input type="radio" name="type" value="身份证">身份证
                <input type="radio" name="type" value="护照">护照
                <input type="radio" name="type" value="驾驶证">驾驶证
                <input type="radio" name="type" value="军官证">军官证
            </li>
            <li>
                <label for="">从事行业：</label>
                <select name="profession" id="profession_select">
                    <option value="null">--请选择从事行业--</option>
                    <option value="IT">IT</option>
                    <option value="教师">教师</option>
                    <option value="医生">医生</option>
                </select>
            </li>
            <li>
                <label for="">收件地址：</label>
                <select name="address" id="address_select">
                    <option value="null">--请选择收件地址--</option>
                    <option value="河南省南阳市">河南省南阳市</option>
                    <option value="河南省郑州市">河南省郑州市</option>
                    <option value="江苏省苏州市">江苏省苏州市</option>
                </select>
            </li>
            <li>
                <label for="">喜欢的美食：</label>
                <input type="checkbox" class="checkAll" > 全选
                <input type="checkbox" name="food" value="日料" class="check">日料
                <input type="checkbox" name="food" value="火锅" class="check">火锅
                <input type="checkbox" name="food" value="港式茶点" class="check">港式茶点
                <input type="checkbox" name="food" value="川菜" class="check">川菜
            </li>
            <li >
                <label class="desc_label" for="">个人简介：</label>
                <textarea name="desc" id="desc"></textarea>
            </li>
            <li class="submit_btn">
                <button type="submit" class="sub_btn">保存</button>
            </li>
        </ul>
    </form>
<!-- 
    <button type="submit" class="sub_btn1">保存</button> -->
    </div>

    <script src="js/test_9_8.js"></script>

</body>
</html>